.container {
  @apply absolute;
  @apply inset-x-0;
  @apply inset-y-0;
  @apply bg-[#f0f2f5];
  @apply flex;
  @apply flex-col;
  @apply w-screen;
  @apply h-screen;
  @apply overflow-hidden;
}

.content {
  @apply flex-1;
  @apply px-0;
  @apply py-8;
}

.content :global(.ant-pro-form-login-header .ant-pro-form-login-title) {
  font-family: Courier New, Menlo, Monaco, Consolas, monospace !important;
  color: rgba(10, 18, 32, 0.70);
}

.content :global(.ant-pro-form-login-header .ant-pro-form-login-desc) {
  color: rgba(10, 18, 32, 0.45);
}

.content :global(.ant-input-prefix .anticon) {
  color: rgba(0, 0, 0, 0.25);
  @apply mt-px;
  @apply mr-1;
}

@media (min-width: 768px) {
  .container {
    background-image: url("~@/assets/login.svg") !important;
    @apply bg-center;
    @apply bg-repeat;
    @apply bg-cover;
    @apply bg-white;
  }
}

@media (min-width: 768px) {
  .content {
    @apply pt-[12%];
    @apply pl-0;
    @apply pb-6;
  }
}
